.production-task-progress {
  margin-top: 10rem;
  width: 530rem;
  height: 410rem;
  white-space: nowrap;

  .title-box {
    position: relative;

    .title-img {
      position: absolute;
      transform: translateY(-105rem);
      z-index: -1;

      .title-img-logout {
        width: 530rem;
      }
    }

    .title {
      display: flex;
      justify-content: space-between;

      .title-content {
        font-family: DingTalk JinBuTi, serif;
        margin-left: 90rem;
        font-weight: 400;
        font-size: 20rem;
        line-height: 28rem;
        background: linear-gradient(180deg, rgba(0, 255, 246, 0.76) 0%, #E5FDFF 79%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
  }

  .table {
    margin-left: 40rem;
    margin-top: 30rem;

    .table-body {
      margin-top: 15rem;
      border: 1rem solid rgba(110, 230, 255, 0.25);
      border-radius: 20rem;
    }

    .row {
      padding: 11rem 15rem 12rem 15rem;
      display: flex;
      background: linear-gradient(360deg, rgba(55, 172, 255, 0.1) 4%, rgba(81, 171, 255, 0) 100%);

      .td {
        margin-right: 5rem;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        white-space: nowrap; //溢出不换行
      }

      .td:nth-child(1) {
        margin-top: 7rem;
        width: 85rem;
        font-family: D-DIN, serif;
        font-weight: 700;
        font-size: 22rem;
        color: #ffffff;
        line-height: 28rem;
      }

      .td:nth-child(2) {
        margin-top: 10rem;
        width: 90rem;
        font-family: "Alibaba PuHuiTi Medium", serif;
        font-weight: 500;
        font-size: 18rem;
        color: #FFFFFF;
        line-height: 25rem;
      }

      .td:nth-child(3) {
        width: 290rem;
        display: flex;

        .td-img {
          margin-top: 12rem;
          width: 12rem;
          height: 20rem;
        }

        .td-img:first-child, .td-img:last-child {
          width: 8rem;
          height: 20rem;
        }
      }

      .td:nth-child(4) {
        margin: 0;
        width: 90rem;
        font-family: D-DIN, serif;
        font-weight: 700;
        font-size: 28rem;
        color: #00FFBA;
        line-height: 40rem;
        text-align: right;
      }
    }

    .table-body:nth-child(1) {
      .td:nth-child(1) {
        color: #FFD54D;
      }
    }

    .table-body:nth-child(2) {
      .td:nth-child(1) {
        color: #B5BFC1;
      }
    }

    .table-body:nth-child(3) {
      .td:nth-child(1) {
        color: #9F7644;
      }
    }
  }
}
